//新增标签
.badge-window{
	width:300px;
	height:160px;
	display: flex;
	flex-direction: column;
	border-radius: 5px;

	&>div:nth-child(1){
		height: 40px;
		text-align: center;

		>input{
			-webkit-appearance: none;
		    -moz-appearance: none;
		    appearance:none ;
		    outline: 0;
		    width: 230px;
		    height: 30px;
		    border:0px solid #fff;
		    border-radius: 20px;
		    box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
			padding: 0 30px 0 15px;
			margin-top: 5px;
		}
	}

	&>div:nth-child(2){
		flex: 1;
		padding: 6px 16px;
		>*{
			margin: 4px;
		}
	}

	&>div:nth-child(3){
		height: 40px;
		display: flex;
		a{
			border-top: 1px solid #c7c7c7;
			flex: 1;
			text-align: center;
			line-height: 40px;
			cursor: pointer;

			&:nth-child(1){
				border-right: 1px solid #e9e9e9;
			}
			&:nth-child(2){
				border-right: 1px solid #e9e9e9;
			}
		}
	}

	.layui-breadcrumb{
		width: 100%;
	}

	i{
		font-family: "iconfont";
		font-style: unset;
	}

	.layui-breadcrumb{
		text-align: center;
	}
}


.page{
	background-color: #fff;
	i{
		font-family: "iconfont";
		font-style: unset;
	}
	
	
	.searchBox{
		display: none;
		position: absolute;
		top:48px;
		left:0;
		right:0;
		height:50px;
		text-align: center;
		width: 300px;
		margin: 0 auto;
		.box01{
	        color: #434343;
	        position: absolute;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
			input{
		         -webkit-appearance: none;
		         -moz-appearance: none;
		         appearance:none ;
		         outline: 0;
		         width: 270px;
		         height: 30px;
		         border:0px solid #fff;
		         border-radius: 20px;
		         box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
		         padding: 0 30px 0 15px;
		     }
			.icon{
		         display: inline-block;
		         height: 16px;
		         width: 16px;
		         background-image: url(search.svg);
		         background-repeat: no-repeat;
		         position: absolute;
		         top: 24%;
		         left: 290px;
		         z-index: 2;
				 cursor: pointer;
		     }
	     }
	}
	
	.moremune{
		padding:10px;
		.menu-item a{
			margin-top:4px;
			cursor: pointer;
			display: block;
			color: #333;
			padding: 0 20px;
			min-width: 40px;
			text-indent: 0;
			font-size: 14px;
			white-space: nowrap;
			height: 36px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			i{
				margin-left: 5px;
			}
		}
		.menu-item a:hover{
			background-color: #f2f2f2;
		}
	}
     
	.center{
		display: inline-block;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: 0 auto;

		& > div{
			display: inline-block;
			
			&.search:hover{
				
			}
			
			&.split{
				margin: 0;
			}
			&.split::after{
				content:"|";
				font-weight: 900;
				line-height: 40px;
				
				
			}
			
			&{
				cursor: pointer;
				margin: 0 10px;
			}
		}
	}
	
	.right{
		display: inline-block;
	    position: absolute;
	    right: 0;
	}
	
	.bar{
		height:50px;
		& > button{
			width:120px;
		}
		
		.right{
			position: absolute;
			right:20px;
			
			& > a{
				margin: 0 6px;
			}
		}
	}
	
	.mc{
		display: flex;
		&>div:nth-child(1){
			width:300px;
			
			>i>{
				font-size:18px;
			}
			
			.layui-tab{
				margin: 0;
			}
			
			.layui-nav{
				background-color: #fff;
				& .layui-nav-item a{
					
					
					&:hover{
						background-color: unset;
					}
				}
			}
			.layui-nav .layui-nav-item a{display: block; padding: 0 20px;  color: rgba(0,0,0,.7); transition: all .3s; -webkit-transition: all .3s;}
			.layui-nav .layui-nav-more{content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;}
			.layui-nav .layui-nav-more{position: absolute; top: 50%; right: 3px; margin-top: -3px; border-width: 6px; border-top-style: solid; border-top-color: #000; border-top-color: rgba(0,0,0,.7);}
			.layui-nav .layui-nav-mored,
			.layui-nav-itemed > a .layui-nav-more{margin-top: -9px; border-style: dashed; border-color: transparent; border-bottom-style: solid; border-bottom-color: #000;}
			.layui-nav-itemed>a{color: #000 !important;}
			.layui-nav-itemed>.layui-nav-child{display: block; padding: 0; background-color: unset !important;}
			.layui-nav-tree .layui-this>a,
			.layui-nav-tree .layui-this>a:hover,
			.layui-nav-tree .layui-nav-child dd.layui-this,
			.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #009688; color: #fff !important;}
			.layui-nav-bar{
				background-color: unset;
				overflow: hidden;
				width: 10px;
				&:before{
					content:'';
					display: inline-block;
					width:10px;
					height: 10px;
					margin-top:16px;
					position: absolute;
					border-radius: 5px;
					background-color: #1E9FFF;
				}
			}
			.layui-icon-more-vertical{color:rgba(0,0,0,.7);}
			
		}
		&>div:nth-child(2){
			margin-left: 20px;
			flex:1;
		}
	}
	
	.fast_priview{
		position: fixed;
		right: 0;
		top:0;
		bottom:0;
		left:50%;
		background-color: #fff;
		border: 1px solid #e6e6e6;
		
		>.close{
			border-left: 3px solid #e6e6e6;
			background-color: #fff;
			position: absolute;
			top:40%;
			height: 80px;
			width:80px;
			left:-40px;
			border-radius: 40px;
			bottom:40%;
			.layui-icon-close{
				font-size: 20px;
				font-weight: 900;
				display: inline-block;
				position: absolute;
				margin: 30px 15px;
				color:#1E9FFF;
			}
		}
	}
}

.weidu{
	font-weight: bold;
}

.baryc{
	display: none;
	a,a i{
		margin-right: 5px;
	}
}


.email_table{
	width:100%;
	background-color: #fff;
	tr{
		height: 40px;
	}
	tr td{
		border: none;
	}
	thead > tr {
		border-bottom: 1px solid #e6e6e6;
    	background-color: #f2f2f2;
		text-align: left;
	}
	tbody > tr{
		&.type{
			background-color: #f2f2f2;
		}
		&:hover{
			background-color: #f2f2f2;
		}
		border-bottom: 1px solid #f2f2f2;
		
	}
	thead > tr >th:nth-child(1),
	tbody > tr >td:nth-child(1),
	thead > tr >th:nth-child(3){
		text-align: center;
	}
	
	tbody > tr >th:nth-child(3),
	tbody > tr >td:nth-child(3){
		text-align: left;
		
		.s_email:hover{
			color:#808080;
		}
		
		i{
			margin: 0 2px;
		}
	}
	tbody > tr >td:nth-child(2){
		overflow: hidden;
		text-overflow:ellipsis; white-space: nowrap;
		.layui-table-cell{
			> .small{
				font-size: 12px;
				color:#9a9a9a;
			}

			&:hover{
				.widget>.hwidget{
					display: inline-block;
				}
			}
			> .widget{
				float: right;
				margin-right: 6px;
				.layui-icon-rate-solid{
					cursor: pointer;
					color:rgb(136, 135, 135);
					&.yellow{
						color:rgb(255, 128, 0);
					}
				}

				>.hwidget{
					display: none;
					cursor: pointer;
				}

				>.badge{
					cursor: pointer;
				}

				>*{
					margin: 0 2px;
				}
			}
		}
	}
	
}